<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Welcome to JSF_PrimeFaces_Spring_Hibernate Project</title>
	<style type="text/css">
	
	
	body{
		font: 62.5% "Trebuchet MS", sans-serif;
		margin: 50px
	}
datalist-noborder,.ui-layout,.ui-layout-doc,.ui-layout-unit,.ui-layout-wrap,.ui-layout-bd,.ui-layout-hd
	{
	border: none;
}

.dp-xml .cdata {
	color: #ff1493;
}

.dp-xml .tag,.dp-xml .tag-name {
	color: #069;
	font-weight: bold;
}

.dp-xml .attribute {
	color: red;
}

.dp-xml .attribute-value {
	color: blue;
}

.ui-widget-content .ui-datalist-content {
	border: none;
	background: transparent;
	background-image: none;
}


</style>
</h:head>
<body>

	<p:layout id="full" fullPage="true">

		<p:layoutUnit id="top" position="north" size="75">
			<p:toolbar>
				<p:toolbarGroup align="left">
					 		Bienvenido Alumno  
					 </p:toolbarGroup>
				<p:toolbarGroup align="right">
					<p:themeSwitcher style="width:165px" id="defaultSwitcher">
						<f:selectItem itemLabel="Choose Theme" itemValue="" />
						<f:selectItems value="#{themeSwitcherBean.themes}" />
					</p:themeSwitcher>
				</p:toolbarGroup>
			</p:toolbar>
		</p:layoutUnit>

		<p:layoutUnit id="bottom" position="south" size="60">
                    escool
                </p:layoutUnit>

		<p:layoutUnit id="left" position="west" size="215" resizable="false"
			closable="false" collapsible="false" minSize="200">
			<p:graphicImage style="width:200px"
				value="resources/img/logo-escuela.jpg" />
			<center>
	<h4 style="width: 200px;" align="left" 
					class="title ui-widget-header ui-corner-all">
					<p:commandLink   action="#{menuSeccitonMateria.goAmistades}"  >
					<h:outputText   styleClass="ui-icon ui-icon-person"   >Lista de Amigos</h:outputText>Lista de amigos</p:commandLink>			
					</h4>
			</center>
	
	
				
			<center>		
					<h4 style="width: 200px;" align="left" 
					class="title ui-widget-header ui-corner-all">
					<p:commandLink   action="#{menuSeccitonMateria.goSendMail}"  >
					<h:outputText   styleClass="ui-icon ui-icon-mail-closed"   >Crear mensaje</h:outputText>Crear mensaje</p:commandLink>			
					</h4>
			</center>
			




			<center>
				<h4 style="width: 200px;" align="left"
					class="title ui-widget-header ui-corner-all">Materias</h4>
			</center>
			<div class="datalist-noborder">
				<p:dataList value="#{menuSeccitonMateria.materiasAlumno}" var="mat"
					itemType="none">
					<p:commandLink
						action="#{menuSeccitonMateria.getContentNotas(mat)}">#{mat.id.nombreMateria}</p:commandLink>
				</p:dataList>
				
			</div>

		<center>
			<h4 class="title ui-widget-header ui-corner-all">Mi información</h4>
		</center>

		</p:layoutUnit>


		<p:layoutUnit id="center" position="center">
			<h:form id="formTab">
				<p:tabView id="tabView"  dynamic="true"> 
 						<p:tab id="tba1" title="Tareas">
					<p:scrollPanel style="height:450px;width:1015px">  
						<p:panel id="panel1" header="Tareas próximos 5 dias" style="width:980px" 
							toggleable="true">
							<p:dataTable var="tarea" value="#{tareaList.listNotas}"
								paginator="true" rows="10" paginatorPosition="top"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
								rowsPerPageTemplate="5,10,15" selectionMode="single"
								rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}"
								selection="#{tareaList.selectVwNotas}">
								<p:column headerText="Asunto">
									<h:outputText value="#{tarea.id.nombreActividad}" />
								</p:column>
								<p:column headerText="Materia">
									<h:outputText value="#{tarea.id.nombreMateria}" />
								</p:column>
								<p:column headerText="Porcentaje">
									<h:outputText value="#{tarea.id.porcentajeActividad}" />
								</p:column>
								<f:facet name="footer">
									<p:commandButton id="viewButton" value="Ver"
										icon="ui-icon-search" update=":formTab:tabView:dialog"
										oncomplete="tareaDialog.show()" />
								</f:facet>
							</p:dataTable>
						</p:panel>

						<p:panel header="Tareas próximos 15 dias" toggleable="true">
							<p:dataTable var="tarea1" value="#{tareaList.listNotas}"
								paginator="true" rows="10" paginatorPosition="top"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
								rowsPerPageTemplate="5,10,15" selectionMode="single"
								rowKey="#{tarea1.id.idExpedienteMateriaHasRotacionesActividad}"
								selection="#{tareaList.selectVwNotas}">
								<p:column headerText="Asunto">
									<h:outputText value="#{tarea1.id.nombreActividad}" />
								</p:column>
								<p:column headerText="Materia">
									<h:outputText value="#{tarea1.id.nombreMateria}" />
								</p:column>
								<p:column headerText="Porcentaje">
									<h:outputText value="#{tarea1.id.porcentajeActividad}" />
								</p:column>
								<f:facet name="footer">
									<p:commandButton id="viewButton2" value="Ver"
										icon="ui-icon-search" update=":formTab:tabView:dialog"
										oncomplete="tareaDialog15.show()" />
								</f:facet>
							</p:dataTable>
						</p:panel>

						<p:panel header="Tareas próximo mes en adelante" toggleable="true">
							<p:dataTable var="tarea" value="#{tareaList.listNotas}"
								paginator="true" rows="10" paginatorPosition="top"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
								rowsPerPageTemplate="5,10,15" selectionMode="single"
								rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}">
								<p:column headerText="Asunto">
									<h:outputText value="#{tarea.id.nombreActividad}" />
								</p:column>
								<p:column headerText="Materia">
									<h:outputText value="#{tarea.id.nombreMateria}" />
								</p:column>
								<p:column headerText="Porcentaje">
									<h:outputText value="#{tarea.id.porcentajeActividad}" />
								</p:column>
								<f:facet name="footer">
									<p:commandButton id="viewButton" value="Ver"
										icon="ui-icon-search" update=":formTab:tabView:dialog"
										oncomplete="tareaDialog.show()" />
								</f:facet>
							</p:dataTable>
						</p:panel>

						<p:panel header="Tareas ya entregadas" toggleable="true">
							<p:dataTable var="tarea" value="#{tareaList.listNotas}"
								paginator="true" rows="10" paginatorPosition="top"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
								rowsPerPageTemplate="5,10,15" selectionMode="single"
								rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}">

								<p:column headerText="Asunto">
									<h:outputText value="#{tarea.id.nombreActividad}" />
								</p:column>
								<p:column headerText="Materia">
									<h:outputText value="#{tarea.id.nombreMateria}" />
								</p:column>
								<p:column headerText="Porcentaje">
									<h:outputText value="#{tarea.id.porcentajeActividad}" />
								</p:column>
								<f:facet name="footer">
									<p:commandButton id="viewButton" value="Ver"
										icon="ui-icon-search" update=":formTab:tabView:dialog"
										oncomplete="tareaDialog.show()" />
								</f:facet>
							</p:dataTable>
						</p:panel>
						<p:dialog id="dialog"
							header="#{tareaList.selectVwNotas.id.nombreActividad}"
							widgetVar="tareaDialog" resizable="false" width="650"
							showEffect="clip" hideEffect="fold">

							<h:panelGrid id="display" columns="4" cellpadding="4">
								<h:outputText value="Fecha de asignación:" />
								<h:outputText value="09/09/2013" />

								<h:outputText value="Fecha de entrega:" />
								<h:outputText value="09/09/2013" />

								<h:outputText value="Adjunto" />
								<h:outputText value="Tarea.docx 	" />

								<h:outputText value="Puntuación:" />
								<h:outputText
									value="#{tareaList.selectVwNotas.id.porcentajeActividad}" />
							</h:panelGrid>
						</p:dialog>
						</p:scrollPanel>
					</p:tab>

					<p:tab id="tab2" title="Actividades">
					<p:scrollPanel id="scrollActividades"  style="height:450px;width:1015px">
						<h:form id="tab2Form">
							<p:panel header="Actividades próximos 5 dias" toggleable="true" style="width:980px">
								<h:form id="form1" prependId="false">
									<p:dataTable var="tarea" value="#{tareaList.listNotas}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}"
										selection="#{tareaList.selectVwNotas}">
										<p:column headerText="Asunto">
											<h:outputText value="#{tarea.id.nombreActividad}" />
										</p:column>
										<p:column headerText="Materia">
											<h:outputText value="#{tarea.id.nombreMateria}" />
										</p:column>
										<p:column headerText="Porcentaje">
											<h:outputText value="#{tarea.id.porcentajeActividad}" />
										</p:column>
										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Ver"
												icon="ui-icon-search"
												update=":formTab:tabView:tab2Form:form1:dialog1"
												oncomplete="tareaDialog.show()" />
										</f:facet>
									</p:dataTable>
									<p:dialog id="dialog1"
										header="#{tareaList.selectVwNotas.id.nombreActividad}"
										widgetVar="tareaDialog" resizable="false" width="650"
										showEffect="clip" hideEffect="fold">

										<h:panelGrid id="display" columns="4" cellpadding="4">
											<h:outputText value="Fecha de asignación:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Fecha de entrega:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Adjunto" />
											<h:outputText value="Actividad.docx 	" />

											<h:outputText value="Puntuación:" />
											<h:outputText
												value="#{tareaList.selectVwNotas.id.porcentajeActividad}" />
										</h:panelGrid>
									</p:dialog>
								</h:form>


							</p:panel>

							<p:panel header="Actividades próximos 15 dias" toggleable="true">
								<h:form id="form2">
									<p:dataTable var="tarea" value="#{tareaList.listNotas}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}">
										<p:column headerText="Asunto">
											<h:outputText value="#{tarea.id.nombreActividad}" />
										</p:column>
										<p:column headerText="Materia">
											<h:outputText value="#{tarea.id.nombreMateria}" />
										</p:column>
										<p:column headerText="Porcentaje">
											<h:outputText value="#{tarea.id.porcentajeActividad}" />
										</p:column>
										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Ver"
												icon="ui-icon-search"
												update=":formTab:tabView:tab2Form:form2:dialog"
												oncomplete="tareaDialog.show()" />
										</f:facet>
									</p:dataTable>
									<p:dialog id="dialog"
										header="#{tareaList.selectVwNotas.id.nombreActividad}"
										widgetVar="tareaDialog" resizable="false" width="650"
										showEffect="clip" hideEffect="fold">

										<h:panelGrid id="display" columns="4" cellpadding="4">
											<h:outputText value="Fecha de asignación:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Fecha de entrega:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Adjunto" />
											<h:outputText value="Actividad.docx 	" />

											<h:outputText value="Puntuación:" />
											<h:outputText
												value="#{tareaList.selectVwNotas.id.porcentajeActividad}" />
										</h:panelGrid>
									</p:dialog>
								</h:form>

							</p:panel>

							<p:panel header="Actividades próximo mes en adelante"
								toggleable="true">

								<h:form id="form3">
									<p:dataTable var="tarea" value="#{tareaList.listNotas}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}">
										<p:column headerText="Asunto">
											<h:outputText value="#{tarea.id.nombreActividad}" />
										</p:column>
										<p:column headerText="Materia">
											<h:outputText value="#{tarea.id.nombreMateria}" />
										</p:column>
										<p:column headerText="Porcentaje">
											<h:outputText value="#{tarea.id.porcentajeActividad}" />
										</p:column>
										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Ver"
												icon="ui-icon-search"
												update=":formTab:tabView:tab2Form:form3:dialog"
												oncomplete="tareaDialog.show()" />
										</f:facet>
									</p:dataTable>
									<p:dialog id="dialog"
										header="#{tareaList.selectVwNotas.id.nombreActividad}"
										widgetVar="tareaDialog" resizable="false" width="650"
										showEffect="clip" hideEffect="fold">

										<h:panelGrid id="display" columns="4" cellpadding="4">
											<h:outputText value="Fecha de asignación:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Fecha de entrega:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Adjunto" />
											<h:outputText value="Actividad.docx 	" />

											<h:outputText value="Puntuación:" />
											<h:outputText
												value="#{tareaList.selectVwNotas.id.porcentajeActividad}" />
										</h:panelGrid>
									</p:dialog>
								</h:form>

							</p:panel>

							<p:panel header="Actividades ya realizadas" toggleable="true">
								<h:form id="form4">
									<p:dataTable var="tarea" value="#{tareaList.listNotas}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}">

										<p:column headerText="Asunto">
											<h:outputText value="#{tarea.id.nombreActividad}" />
										</p:column>
										<p:column headerText="Materia">
											<h:outputText value="#{tarea.id.nombreMateria}" />
										</p:column>
										<p:column headerText="Porcentaje">
											<h:outputText value="#{tarea.id.porcentajeActividad}" />
										</p:column>
										<f:facet name="footer">
											<p:commandButton id="viewButton" value="Ver"
												icon="ui-icon-search"
												update=":formTab:tabView:tab2Form:form4:dialog"
												oncomplete="tareaDialog.show()" />
										</f:facet>
									</p:dataTable>
									<p:dialog id="dialog"
										header="#{tareaList.selectVwNotas.id.nombreActividad}"
										widgetVar="tareaDialog" resizable="false" width="650"
										showEffect="clip" hideEffect="fold">

										<h:panelGrid id="display" columns="4" cellpadding="4">
											<h:outputText value="Fecha de asignación:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Fecha de entrega:" />
											<h:outputText value="09/09/2013" />

											<h:outputText value="Adjunto" />
											<h:outputText value="Actividad.docx 	" />

											<h:outputText value="Puntuación:" />
											<h:outputText
												value="#{tareaList.selectVwNotas.id.porcentajeActividad}" />
										</h:panelGrid>
									</p:dialog>
								</h:form>

							</p:panel>


						</h:form>
						</p:scrollPanel>
					</p:tab>

					<p:tab id="tab3" title="Mensajes">
							<div id="sendMail" align="right">
							<p:commandButton value="Crear Mensaje" icon="ui-icon-pencil" action="#{menuSeccitonMateria.goSendMail}"
								 />
						</div>
						<p:scrollPanel style="height:450px;width:1015px">

				

						



						<h:form>
							<p:panel header="Mensajes no leidos" toggleable="true"  style="width:980px">

								<h:form id="msjRevNoForm" prependId="false">

									<p:dataTable var="msj" value="#{mensajes.listSgMensajes}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{msj.idMensaje}" selection="#{mensajes.sGMensajes}">
										<p:column headerText="Enviado por">
											<h:outputText value="#{msj.codigoEmisario}" />
										</p:column>
										<p:column headerText="Asunto">
											<h:outputText value="#{msj.asunto}" />
										</p:column>
										<p:column headerText="Fecha de envío">
											<h:outputText value="#{msj.fechaEnviado}" />
										</p:column>
									</p:dataTable>
								</h:form>
							</p:panel>

							<p:panel header="Mensajes recibidos" toggleable="true">
								<h:form id="msjRevForm" prependId="false">
									<p:dataTable var="msj" value="#{mensajes.listSgMensajes}"
										paginator="true" rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{msj.idMensaje}" selection="#{mensajes.sGMensajes}">
										<p:column headerText="Enviado Por">
											<h:outputText value="#{msj.codigoEmisario}" />
										</p:column>
										<p:column headerText="Asunto">
											<h:outputText value="#{msj.asunto}" />
										</p:column>
										<p:column headerText="Fecha de envío">
											<h:outputText value="#{msj.fechaEnviado}" />
										</p:column>
									</p:dataTable>
								</h:form>
							</p:panel>

							<p:panel header="Mensajes enviados" toggleable="true">
								<h:form id="msjEnvForm" prependId="false">
									<p:dataTable scrollable="true" var="msj"
										value="#{mensajes.listSgMensajesEnv}" paginator="true"
										rows="10" paginatorPosition="top"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="5,10,15" selectionMode="single"
										rowKey="#{msj.idMensaje}"
										selection="#{mensajes.sGMensajesEnv}">
										<p:column headerText="Enviado por" resizable="true">
											<h:outputText value="#{msj.para}" />
										</p:column>
										<p:column headerText="Asunto">
											<h:outputText value="#{msj.asunto}" />
										</p:column>
										<p:column headerText="Fecha de envío">
											<h:outputText value="#{msj.fechaEnviado}" />
										</p:column>
									</p:dataTable>
								</h:form>

							</p:panel>

						</h:form>
						</p:scrollPanel>
					</p:tab>

					<p:tab id="tab4" title="Notas">


<br/>
<br/>
<p:panel header="Notas" id="notasFiltro" >
<center>

		<p:panelGrid id="notasGrid" style="margin-top:20px"  >
		<p:row >
			<p:column  style="font-weight: bold;" colspan="2" ><h:outputText value="Materia" /></p:column>
			<p:column>
			<p:selectOneMenu id="selectMateria" value="#{menuSeccitonMateria.idMateriaSeccion}">
				<f:selectItem itemLabel="Seleccionar materia"/>
				<f:selectItems value="#{menuSeccitonMateria.materiasAlumno}" var="materias" itemLabel="#{materias.id.nombreMateria}" itemValue="#{materias.id.idSedeSeccionHasMateria}" />
			</p:selectOneMenu>
			</p:column>
			
			<p:column style="font-weight: bold;" colspan="2">
				<h:outputText value="Período" />
			</p:column>
			<p:column><p:selectOneMenu id="selectPeriodo" value="#{menuSeccitonMateria.idperiodo}">>
				<f:selectItem itemLabel="Seleccionar período"/>
				<f:selectItems value="#{menuSeccitonMateria.listTbPeriodoEvaluacion}" var="periodo" itemLabel="#{periodo.nombrePeriodo}" itemValue="#{periodo.idPeriodo}" />
			</p:selectOneMenu></p:column>
			
		</p:row>			
		<p:row >
			<p:column colspan="6" ><center><p:commandButton value="Buscar" actionListener="#{menuSeccitonMateria.searchResults}" /></center> </p:column>
		</p:row>						
		</p:panelGrid>
		</center>
					
</p:panel>		
<br/>
<br/>
<p:scrollPanel style="height:450px;width:1015px">
				<p:panel id="panelNotas" header="Resultados " style="width:980px" 
							toggleable="true">
							<p:dataTable var="tarea" value="#{tareaList.listNotas}"
								paginator="true" rows="10" paginatorPosition="top"
								paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
								rowsPerPageTemplate="5,10,15" selectionMode="single"
								rowKey="#{tarea.id.idExpedienteMateriaHasRotacionesActividad}"
								selection="#{tareaList.selectVwNotas}">
								<p:column headerText="Asunto">
									<h:outputText value="#{tarea.id.nombreActividad}" />
								</p:column>
								<p:column headerText="Materia">
									<h:outputText value="#{tarea.id.nombreMateria}" />
								</p:column>
								<p:column headerText="Período">
									<h:outputText value="#{tarea.id.periodoEvaluacion}" />
								</p:column>
								<p:column headerText="Nota">
									<h:outputText value="#{tarea.id.notaActividad}" />
								</p:column>
								<p:column headerText="Porcentaje">
									<h:outputText value="#{tarea.id.porcentajeActividad}" />
								</p:column>
							</p:dataTable>
						</p:panel>
						</p:scrollPanel>						
					</p:tab>
				</p:tabView>
			</h:form>
		</p:layoutUnit>

	</p:layout>
</body>
</html>
